<section class="box">
    <header class="panel_header">
        <h2 class="title pull-left">{{vm.title}}</h2>
    </header>
    <div class="content-body">
        <table class = "responsive-table centered striped">        
            <thead>
                <tr>
                    <th>排名</th>
                    <th>店铺名</th>
                    <th>近30天销售额</th>
                    <th>近30天类目销售额</th>
                    <th>查看数据</th>
                    <th>监控</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat = "shop in vm.shops track by $index">
                    <td>
                        <a ng-class = "{'ui circular label':true,'yellow color-w':$index==0,'grey color-w':$index==1,'orange color-w':$index==2}">{{$index + 1}}</a>
                    </td>
                    <td>
                        <a href = "http://store.taobao.com/shop/view_shop.htm?user_number_id={{shop.userId}}" target = "_blank">{{shop.shopName}}</a>
                    </td>
                    <td class = "hisData" uib-popover-template="'myPopoverTemplate.html'" popover-class="popover_line" popover-trigger="'outsideClick'" popover-append-to-body="true" jq-popup popup-config="shop" popup-type="'shop'" popup-dim="'historySellMoney'" dim = "historySellMoney" type="shop">{{shop.sellMoney | bigNum}}</td>
                    <td>
                        {{shop.categoryValue | bigNum}}
                    </td>
                    <td>
                        <a ng-click = "vm.getShopDetail(shop.userId,shop.shopName)" href="javascript:void(0);">商品</a>
                    </td>
                    <td class="monitorTd" add-monitor add-monitor-config="shop" add-monitor-type="'shop'">
                        <i ng-class = "{'fa cp':true,'fa-toggle-on':shop.collectionStatus,'fa-toggle-off':!shop.collectionStatus}"></i>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</section>
